<%@ page language="java" pageEncoding="UTF-8" %>
<%@ include file="/common/header.jsp" %>
<div id="sidebar" class="sidebar responsive push_away" data-auto-hide=true>
				<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					//$('.sidebar').ace_sidebar();
					function goMenu(menu,obj){
						$(obj).attr("href",menu+"&"+new Date().getTime());
						$(".nav-list li").removeClass("active");
						$(obj).parent().addClass("active");
						$("#home_show_a").html(">"+$(obj).find('span').html());
					}
					function clearHomeShow(){
						$("#home_show_a").html("");
					}
				</script>

				<!-- <div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
						<button class="btn btn-success">
							<i class="ace-icon fa fa-signal"></i>
						</button>

						<button class="btn btn-info">
							<i class="ace-icon fa fa-pencil"></i>
						</button>

						<button class="btn btn-warning">
							<i class="ace-icon fa fa-users"></i>
						</button>

						<button class="btn btn-danger">
							<i class="ace-icon fa fa-cogs"></i>
						</button>

					</div>

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span>

						<span class="btn btn-info"></span>

						<span class="btn btn-warning"></span>

						<span class="btn btn-danger"></span>
					</div>
				</div> -->
				<c:set var="menuListNew" value="${fns:getMenuList()}"/>
				
				<ul class="nav nav-list">
					<li >
						<a data-url="menuId/00000" href="#menuId/00000" onclick="clearHomeShow()">
							<i class="menu-icon fa fa-tachometer"></i>
							<span class="menu-text"> 主页 </span>
						</a>

						<b class="arrow"></b>
					</li>
					<c:forEach var="parent" items="${menuListNew}">
						<li class="">
							<a href="#" class="dropdown-toggle">
								<i class="menu-icon fa fa-desktop"></i>
								<span class="menu-text">
									${parent.menuName}
								</span>
	
								<b class="arrow fa fa-angle-down"></b>
							</a>
	
							<b class="arrow"></b>
	
							<ul class="submenu">
								<c:forEach var="sub" items="${parent.subMenus}">
								<li class="">
									<a data-url="menuId/${sub.menuId}" href="javascript:void(0)" onclick="goMenu('#menuId/${sub.menuId}',this)">
										<i class="menu-icon fa fa-caret-right"></i>
										<span id="${sub.menuId}_span">${sub.menuName}</span>
									</a>
	
									<b class="arrow"></b>
								</li>
								</c:forEach>
							</ul>
						</li>
					</c:forEach>
				</ul><!-- /.nav-list -->

				<!-- #section:basics/sidebar.layout.minimize -->
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>

				<!-- /section:basics/sidebar.layout.minimize -->
				<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
				</script>
			</div>